<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link href='https://cdn.bootcdn.net/ajax/libs/minireset.css/0.0.2/minireset.min.css' rel='stylesheet'>
    <link rel="stylesheet" href="dist/douyin.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2178018_y2osjs9gkr.css">
</head>

<body>
    <header>
        <i class="iconfont icon-xiangji"></i>
        <div class="tag">
            <ul>
                <li>推荐</li>
                <li>附近</li>
            </ul>
        </div>
        <i class="iconfont icon-fangdajing"></i>
    </header>

    <main>
        <div class="icon">
            <img src="../images/icon.png" alt="" />
        </div>
        <div class="zan">
            <i class="iconfont icon-xin"></i>
            <span>213</span>
        </div>
        <div class="pinglun">
            <i class="iconfont icon-pinglun"></i>
            <span>323</span>
        </div>
        <div class="zhuanfa">
            <i class="iconfont icon-zhuanfa"></i>
            <span>90</span>
        </div>
    </main>

    <footer>
        <div class="info">
            <h3>
                @杰伦-JAY CHOW音悦汇<span>7月30日</span>
            </h3>
            <p>
                #jay 同名专辑 JAY ——反方向的钟。所有回忆对着我进攻，我的伤口被你拆封.
            </p>
            <div class="move">
                <i class="iconfont icon-douyintexiao"></i>
                <div class="p">
                    <div>@杰伦-JAY CHOW音悦汇</div>
                </div>
            </div>
        </div>
        <div class="bottom_menu">
            <div>首页</div>
            <div>朋友</div>
            <i class="iconfont icon-tianjia"></i>
            <div>消息</div>
            <div>我</div>
        </div>
        <div class="music">
            <div class="icon">
                <img src="../images/icon.png" alt="">
            </div>
            <ul>
                <li class="iconfont icon-iconfontyuleyinle"></li>
                <li class="iconfont icon-yinfu"></li>
                <li class="iconfont icon-icon--"></li>
            </ul>
        </div>
    </footer>

    <video src="../video/douyin.mp4" autoplay></video>
</body>

</html>